.sub-card{
    background: #F5F7FA;
    height: 100vh;
    overflow: hidden;
    .sub-item{
        background: #fff;
        width: 6.78rem;
        height: 2.26rem;
        border-radius: .09rem;
        margin: .36rem auto 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        >img{
            width: .16rem;
            height: .26rem;
            margin-right: .68rem;
        }
        >div{
            display: flex;
            align-items: center;
            >img{
                width: .67rem;
                height: .67rem;
                display: block;
                margin-left: .45rem;
                margin-right: .33rem;
            }
            >div{
                
                p{
                    color: #000;
                    font-size: .33rem;
                    font-weight: 400;
                }
                span{
                    color: #A4ABB3;
                    font-size: .25rem;
                    margin-top: .1rem;
                    display: block;
                }
            }
        }
    }
}
.box{
    display: flex;
    flex-direction: column;
    justify-content: center;
  p{
    color: #A4ABB3;
    font-size: .24rem;
  }
}
.gift{
    height: 100vh;
    background: #F5F7FA;
    overflow: hidden;
    .view{
        background: #fff;
        margin-top: .36rem;
        height: 10.05rem;
        overflow: hidden;
        .title{
            width: 6.41rem;
            margin: 0.36rem auto;
            color: #A4ABB3;
            font-size: .25rem;
            line-height: .36rem;
            span{
                color:#5088FF ;
                text-decoration: underline;
            }
        }
        .item{
            width: 6.41rem;
            height: 1.36rem;
            border: 1px solid #979797;
            border-radius: .09rem;
            margin: 0 auto .72rem;
            display: flex;
            align-items: center;
            overflow: hidden;

            input{
                border: none;
                outline: none;
                display: block;
                height: 100%;
                flex: 2;
                font-size: .28rem;
                text-indent: 10px;
            }
            p{
                font-size: .51rem;
            }
        }
        .btn{
            width: 6.89rem;
            height: .98rem;
            border-radius: .43rem;
            background: #FE373C;
            color: #fff;
            font-size: .36rem;
            text-align: center;
            line-height: .98rem;
            margin: 0 auto;
        }
    }
    
}
.suncradList{
    height: 100vh;
    background: #F5F7FA;
    overflow-y: scroll;
    .title{
        line-height: 1.23rem;
        color: #A4ABB3;
        font-size: .36rem;
        margin-left: .36rem;
    }
    .item{
        width: 6.23rem;
        height: 2.26rem;
        padding:  0 .27rem;
        background: #fff;
        margin:0 auto .36rem;
        border-radius: .09rem;
        .top{
            height: .68rem;
            border-bottom:1px solid #F2F6FC;
            display: flex;
            align-items: center;

            img{
                width: .29rem;
                height: .29rem;
                display: block;
            }
            span{
                color: #A4ABB3;
                font-size: .22rem;
                margin-left: 8px;
            }
        }
        .bottom{
            display: flex;
            justify-content: space-between;
            overflow: hidden;
            .left{
                display: flex;
                margin-top: .32rem;
                align-items: center;
                img{
                    width: .22rem;
                    height: .33rem;
                    display: block;
                }
                span{
                    color: #A4ABB3;
                    font-size: .22rem;
                    margin-left: 8px;
                }
            }
            .right{
                margin-top: .14rem;
                p{
                    font-weight: 500;
                    font-size: .47rem;
                    color: #000;
                    margin-bottom: .1rem;
                    i{
                        font-style: normal;
                        font-size: .25rem;
                    }
                }
                span{
                    font-weight: 400;
                    color: #000;
                    font-size: .22rem;
                }
            }
        }
    }
    .addItem{
        width: 6.78rem;
        height: 2.26rem;
        border: 1px dashed #979797;
        margin: 0 auto;
        border-radius: .09rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        span{
            color:#5088FF;
            font-size: .6rem;
        }
        p{
            color:#5088FF;
            font-size: .3rem;
        }
    }
}
.subCardInfo{
    height: 100vh;
    background: #F5F7FA;
    header{
        background: #fff;
        height: 3.11rem;
        padding-left: .36rem;
        .top{
            height: 1.97rem;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #F2F6FC;
            overflow: hidden;
            .left{
                margin-top: .55rem;
                >div{
                    display: flex;
                    align-items: center;
                    img{
                        width: .22rem;
                        height: .33rem;
                        display: block;
                        margin-right: .12rem;
                    }
                    p{
                        font-size: .25rem;
                        color: #000;
                    }
                }
                span{
                    margin-top: .14rem;
                    color: #000;
                    font-size: .22rem;
                    display: block;
                }
                
            }
            .right{
                margin-right: .36rem;
                margin-top: .34rem;
                >p{
                    font-size: .47rem;
                    font-weight: 500;
                    color: #000;
                    text-align: right;
                    i{
                        font-style: normal;
                        font-size: .25rem;
                    }
                }
                >div{
                    display: flex;
                    margin-top: .05rem;
                    p:nth-of-type(1){
                        color: #A4ABB3;
                        font-style: .22rem;
                        margin-right: .25rem;
                    }
                    p:nth-of-type(2){
                        color: #5088FF;
                        font-style: .22rem;
                    }
                }
            }
        }
        .bottom{
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 1.12rem;
            p{
                font-weight: 400;
                font-style: .29rem;
                color: #000;
            }
            span{
                font-weight: 400;
                font-style: .29rem;
                color: #A4ABB3;
                margin-right: .36rem;
            }
        }
    }
    .content{
        background: #fff;
        margin-top: .18rem;
        .item{
            height: 1.58rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-left: .36rem;
            border-bottom: 1px solid #F2F6FC;
            img{
                width: .11rem;
                height: .18rem;
                margin-right: .36rem;
            }
            span{
                color: #A4ABB3;
                font-style: .25rem;
            }
            p{
                color: #000;
                font-size: .33rem;
                font-weight: 500;
                margin-top: .11rem;
                i{
                    font-style: normal;
                    font-size: .25rem;
                }
            }
        }
        .last{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-left: .36rem;
            height: 1.08rem;
            p{
                color: #000000;
                font-size: .25rem;
                font-weight: 400;
            }
            img{
                width: .11rem;
                height: .18rem;
                margin-right: .36rem;
            }
        }
        
    }
    .bot{
        display: flex;
        justify-content: flex-end;
        p{
            width: 2rem;
            height: .72rem;
            background: #d8d8d8;
            border-radius: .60rem;
            justify-content: flex-end;
            color: #a4abb3;
            font-size: .25rem;
            font-weight: 500;
            text-align: center;
            line-height: .72rem;
            display: block;
            margin-top: 15px;
            margin-right: 15px;
        }
    }
    
}
.editSubCard{
    height: 100vh;
    background: #F5F7FA;
    overflow: hidden;
    .title{
        color: #000;
        font-size: .25rem;
        font-weight: 400;
        margin: .54rem 0 .2rem .54rem;
    }
    .inp{
        display: flex;
        border-bottom: 1px solid #E1E1E1;
        width: 6.41rem;
        margin: 0 auto .4rem;
        height: 1.05rem;
        align-items:center;
        i{
            font-style: normal;
            font-size: .51rem;
            color: #000;
            font-weight: 500;
        }
        input{
            display: block;
            border: none;
            outline: none;
            background: transparent;
            font-size: .5rem;
            color: #000;
            margin-left: .15rem;
            flex: 2;
            height: 100%;
        }
    }
    .btn{
        width:6.41rem;
        height:.94rem;
        background:rgba(80,136,255,1);
        border-radius:.09rem;
        margin: 0 auto;
        color: #fff;
        text-align: center;
        line-height: .94rem;
        font-size: .33rem;
    }
}
.showAction{
    background: rgba($color: #000000, $alpha: .5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    .modu{
        background: #fff;
        overflow: hidden;
        .title{
            color: #000;
            font-size: .4rem;
            font-weight: 500;
            text-align: center;
            margin: .64rem 0 .3rem;
        }
        .ts{
            font-size: .32rem;
            color: #000;
            font-weight: 500;
            text-align: center;
        }
    }
    input{
        position: relative;
        left: -3000px;
    }
    ul{
        display: flex;
        justify-content: center;
        list-style: none;
        background: #fff;
        padding: .3rem 0 .64rem;

        li{
            width: .91rem;
            height: .91rem;
            border: 1px solid #D8D8D8;
            border-right: none;
            text-align: center;
            line-height: .91rem;
            &:nth-of-type(6){
                border-right: 1px solid #D8D8D8;
            }
        }
    }
}
.editQuota{
    background: #F5F7FA;
    height: 100vh;
    overflow: hidden;
    .center{
        background: #fff;
        padding-top:1.25rem;
        padding-bottom: 1.18rem;
    }
    .icon{
        width: 1.27rem;
        height: 1.27rem;
        margin: 0 auto .38rem;
        display: block;
    }
    h3{
        font-size:.47rem;
        text-align: center;
        font-weight: 400;
        color: #000;
    }
    span{
        color: #5088FF;
        font-size: .36rem;
        display: block;
        text-align: center;
    }
    p{
        color: #A4ABB3;
        font-size: .29rem;
        text-align: center;
        margin-top: .36rem;
        i{
            font-style: normal;
            color: #FF6969;
        }
    }
    .top{
        margin-top: .18rem;
        color: #FF6969;
    }
    button{
        width: 5.36rem;
        height: .87rem;
        background: #5088FF;
        color: #fff;
        border-radius: .43rem;
        font-size:.36rem;
        border: none;
        display: block;
        margin: .54rem auto 0;
        outline: none;
    }

}
.bill{
    
}
